import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [{
  path: '/',
  name: '1',
  // 路由级别代码拆分
  // 这将为此路由生成单独的块（关于[hash].js）当路由被访问时延迟加载的。
  component: () => import(/* webpackChunkName: "about" */ '../views/scss/ScssColor.vue')
},
{
  path: '/websocket',
  name: '1',
  component: () => import(/* webpackChunkName: "about" */ '../views/websocket/WebSocket.vue')
},
{
  path: '/echartsBar',
  name: '2-1',
  component: () => import(/* webpackChunkName: "about" */ '../views/echarts/EchartsBar.vue')
},
{
  path: '/collapseCheckbox',
  name: '3',
  component: () => import(/* webpackChunkName: "about" */ '../views/collapseCheckbox/CollapseCheckbox.vue')
},
{
  path: '/parentAndSon',
  name: '5-1',
  component: () => import(/* webpackChunkName: "about" */ '../views/componentPassValue/parentAndSon/Index.vue')
},
{
  path: '/brothers',
  name: '5-2',
  component: () => import(/* webpackChunkName: "about" */ '../views/componentPassValue/brothers/Index.vue')
},
{
  path: '/grandparentsAndGrandchildren',
  name: '5-3',
  component: () => import(/* webpackChunkName: "about" */ '../views/componentPassValue/grandparentsAndGrandchildren/Index.vue')
},
{
  path: '/topoFitstStage',
  name: '6-1',
  component: () => import(/* webpackChunkName: "about" */ '../views/topoGojs/TopoFitstStage.vue')
},
{
  path: '/topoSecondPhase',
  name: '6-2',
  component: () => import(/* webpackChunkName: "about" */ '../views/topoGojs/TopoSecondPhase.vue')
},
{
  path: '/scssColor',
  name: '7-1',
  component: () => import(/* webpackChunkName: "about" */ '../views/scss/ScssColor.vue')
}
]

const router = new VueRouter({
  routes
})

export default router
